<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>联系我们</title>
  <link rel="stylesheet" href="../css/style.css">
  <link rel="stylesheet" href="../css/connection.css">
</head>

<body>
  <div class="banner">
    <img src="../images/lunbo6.png" alt="bg-0">
  </div>
  <header>
    <div class="container">
      <div class="logo">
        <a href="index.html">夜郎-新晃</a>
      </div>
      <div class="icon"></div>
    </div>
  </header>
  <nav>
    <ul>
      <li><a href="../index.html">晃县首页</a></li>
      <li><a href="#">游遍侗乡</a></li>
      <li><a href="./cate.html">食在新晃</a></li>
      <li><a href="#">小城故事</a></li>
      <li class="active"><a href="connection.html">联系我们</a></li>
    </ul>
  </nav>
  <section class="main">
    <div class="container">
      <article class="header">
        <h1 class="title">联系我们</h1>
        <p>对于我们的网站您有什么意见以及建议呢？我们衷心希望能收到您的来信，并会尽一切努力做到最好！</p>
      </article>
      <div class="content">
        <aside>
          <h3>地址</h3>
          <p>湖南省怀化市新晃侗族自治县夜郎广场</p>

          <h3>打给我们</h3>
          <p>电话：0745-66666666</p>
        </aside>
        <form action="#">
          <label for="name"></label>
          <input type="text" id="name" placeholder="姓名">
          <label for="mail"></label>
          <input type="text" id="email" placeholder="邮箱">
          <label for="main"></label>
          <input type="text" id="main" placeholder="主题">
          <label for="context"></label>
          <textarea name="context" id="context" cols="30" rows="10" style="resize: none; padding: 6px;"
            placeholder="主要内容"></textarea>
          <button id="submit">发送</button>
        </form>
      </div>

    </div>
  </section>
  <footer>
    <section>
      <div class="relation">
        <h2>联系我们</h2>
        <p>地址：湖南省怀化市新晃侗族自治县夜郎广场</p>
        <p>联系电话：0745-6666666</p>
      </div>
      <div class="flag-bottom">
        <h1>夜郎-新晃</h1>
        <p>----云贵高原苗岭余脉延伸末端-湘黔交界处，湖南省最西部----</p>
      </div>
    </section>
    <p>© 2022 -hairy377-designed for <a href="#">夜郎-新晃</a></p>
  </footer>
  <script src="../js/script-home.js"></script>
</body>

</html>